import React from 'react';
import { View, Text } from 'react-native';
import {TokenLogo} from '../../TokenLogo'; // 确保 TokenLogo 组件已正确导入
import {UserToken} from '../../../../db/models/userTokenModel';
import {primaryColor2, primaryColor3} from '../../../../theme/default';

  
// const TokenList = ({userTokens, primaryColor2, secondaryColor} ) => {
//   return (
//     <View style={{ flex: 1, flexDirection: 'column' }}>
//       {userTokens.map((token, index) => (
//         <View key={index} style={{ flex: 1, flexDirection: 'row', justifyContent: 'flex-start' }}>
//           <View style={{ width: 50 }}>
//             <TokenLogo
//               tokenName={token.name}
//               logoUri={token.logo}
//               size={42}
//               borderRadius={42}
//               backgroundColor="blue"
//               textFontSize={12}
//             />
//           </View>
//           <View
//             style={{
//               flex: 1,
//               flexDirection: 'row',
//               justifyContent: 'space-between',
//               alignItems: 'center',
//             }}
//           >
//             <View
//               style={{
//                 flex: 1,
//                 flexDirection: 'column',
//                 justifyContent: 'center',
//                 alignItems: 'flex-start',
//               }}
//             >
//               <Text style={{ color: primaryColor2, fontSize: 16, fontWeight: '500' }}>
//                 {token.name}
//               </Text>
//               <Text style={{ color: secondaryColor, fontSize: 12 }}>
//                 {token.symbol}
//               </Text>
//             </View>
//             <View
//               style={{
//                 flex: 1,
//                 flexDirection: 'column',
//                 justifyContent: 'center',
//                 alignItems: 'flex-end',
//               }}
//             >
//               {/* 假设 handleTokenValue 是一个接受 token 作为参数的函数 */}
//               <Text style={{ color: primaryColor2, fontSize: 16, fontWeight: '500' }}>
//                 {handleTokenValue(token)} {/* 确保这个函数接受 token 并返回正确的值 */}
//               </Text>
//               <Text style={{ color: secondaryColor, fontSize: 12 }}>
//                 {formatNumber(token.uiAmount!, 2, 6)}
//               </Text>
//             </View>
//           </View>
//         </View>
//       ))}
//     </View>
//   );
// };

// // 示例函数，用于格式化数字（这里假设已经定义）
// const formatNumber = (number, decimalPlaces, minIntegerDigits) => {
//   // 你的格式化逻辑
//   return number.toFixed(decimalPlaces); // 简单示例，实际可能需要更复杂的逻辑
// };

// // 示例函数，用于处理 token 值（这里假设接受 token 并返回字符串）
// const handleTokenValue = (token) => {
//   // 根据 token 计算并返回值的逻辑
//   return `$100`; // 简单示例
// };

// export default TokenList;